@CHARSET "UTF-8";

@media screen and (min-width: 1100px) {
	body {
		width: 100%;
		max-width: 1100px;
		height: 860px;
		background-color: #9DC9EE !important;
		/*		background:url(../img/bg.png) center center no-repeat;*/
		font: 12px/22px 'Microsoft Yahei', '\5b8b\4f53', 微软雅黑, '宋体', '微软雅黑' Arial,
			Lucida Grande, Tahoma, sans-serif;
		color: #000;
		color: #000;
		overflow-x: hidden;
		margin: 0 auto;
		/*		text-align: center;*/
	}
	#title {
		width: 100%;
		max-width: 1100px;
		margin:0 auto !important;
	}
	#container {
		width: 80%;
		height: 780px;
		margin: 0 auto;
		/*		background:url(../img/bg.png) center center no-repeat;*/
	}
	
	#main {
		height: 780px;
		background: rgba(244,244,244,0.7);
		 border-radius: 25px 25px 0px 0px;
		 -webkit-border-radius:  25px 25px 0px 0px;
		 -moz-border-radius: 25px 25px 0px 0px;
		 -o-border-radius: 25px 25px 0px 0px;
		margin:0 auto;
	}
	#main .unit {
		width: 80%;
		height: 55px;
	}
	#main .unit label {
		font-family: "微软雅黑" !important;
		font-size: 16px;
		font-weight: 800;
		color: #333;
		line-height: 40px;
		float: left;
	}
	#main .unit {
		height: 55px;
		margin-left: 230px;
		vertical-align: middle;
	}
	#main .unit input {
		border: 1px solid #BDBDBD;
		width: 240px;
		height: 40px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 10px;
		float: left;
	}
	#main .unit input[type="radio"] {
		border: 1px solid #BDBDBD;
		width: 15px;
		height: 40px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 10px;
		vertical-align: middle;
		margin-top: 0;
		float: left;
		border: none;
		margin-left: 15px;
	}
	#main .unit input[type="checkbox"] {
		border: 1px solid #BDBDBD;
		width: 15px;
		height: 40px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 10px;
		vertical-align: middle;
		margin-top: 0;
		float: left;
	}
	#main .unit select {
		border: 1px solid #BDBDBD;
		/*		width:240px;*/
		height: 40px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 0 0 10px;
		float: left;
		margin:0 auto;
	}
	#main .unit textarea {
		border: 1px solid #BDBDBD;
		width: 500px;
		height: 270px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 0 0 10px;
		float: left;
	}
	#main .unit select.school {
		border: 1px solid #BDBDBD;
		width: 263px;
		height: 40px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 0 0 10px;
		float: left;
	}
	.login-bottom {
	  background: #648CC0;
	  padding: 30px 65px;
	  border-radius: 0px 0px 25px 25px;
	  -webkit-border-radius:  0px 0px 25px 25px;
	  -moz-border-radius: 0px 0px 25px 25px;
	  -o-border-radius: 0px 0px 25px 25px;
	  border-top: 2px solid #3781ad;
	  margin:0 auto;
	}

	#footer {
		background: #517ABC;
		width: 100%;
		height: 180px;
		left: 0;
		color: #000;
		position: absolute;
	}
	#footer {
		width: 100%;
		height: 180px;
		left: 0;
		color: #000;
		position: absolute;
	}
	
	.teacher {
		top: 1210px !important;
	}
	.master {
		top: 812px !important;
	}
	.director {
		top: 732px !important;
	}
	#footer p {
		line-height: 22px;
		font-family: "微软雅黑";
		font-size: 15px;
		font-weight: bold;
		color: #000;
		text-align: center;
	}
	#footer p a {
		font-family: "微软雅黑";
		font-size: 13px;
		font-weight: normal;
		color: #000;
	}
	#footer p a:hover {
		text-decoration: underline;
	}
	.Validform_checktip {
		float: left;
		margin-top: 20px;
		margin-left: 231px;
		position: relative;
		z-index: 10;
	}
	
}

/** iPad **/
@media only screen and (min-width: 768px) and (max-width: 1100px) {
	body {
		width: auto;
		max-width: 100%;
		height: 100%;
		min-height: 860px;
		background: url(../img/bg.png) center center no-repeat;
		background-color: #9DC9EE !important;
		background-size: 100%;
		margin: 0 auto;
		font: 12px/22px 'Microsoft Yahei', '\5b8b\4f53', 微软雅黑, '宋体', '微软雅黑' Arial,
			Lucida Grande, Tahoma, sans-serif;
		color: #000;
		color: #000;
		overflow-x: hidden;
	}
	#container {
		width: auto;
		max-width: 100%;
		height: 100%;
		margin: 0 auto;
		background: url(../img/bg.png) center center no-repeat;
		position: relative;
		background-size: 100%;
	}
	#container h1, #container_index h1 {
		width: 950px;
		height: 54px;
		padding-left: 30px;
		line-height: 54px;
		font-family: "微软雅黑";
		font-size: 26px;
		font-weight: bold;
		color: #333;
		top: 55px;
		left: 60px;
		position: absolute;
	}
	#main {
		height: 270px;
		padding-top: 150px;
	}
	#main .unit {
		width: 380px;
		height: 60px;
		margin: 0 auto;
	}
	#main .unit type {
		width: 380px;
		height: 50px;
		margin: 0 auto;
	}
	#main .unit label {
		font-family: "宋体";
		font-size: 16px;
		font-weight: 800;
		color: #333;
	}
	#main .unit a {
		font-family: "宋体";
		font-size: 16px;
		font-weight: 800;
		color: #333;
		line-height: 80px;
	}
	#main .unit1 {
		width: 380px;
		height: 50px;
		margin: 0 auto;
	}
	#main .unit1 input {
		border: 1px solid #BDBDBD;
		width: 40%;
		height: 30px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 10px;
		margin: 0 auto;
	}
	#main .unit input#teach_year_a {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 20px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 5px;
		border-radius: 6px;
		margin-left: 10px;
	}
	#main .unit input#teach_year_b {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 20px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 5px;
		border-radius: 6px;
	}
	#main .unit input#teach_year_c {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 20px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 5px;
		border-radius: 6px;
	}
	#main .unit input#teach_year_d {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 20px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 5px;
		border-radius: 6px;
		margin-left: 64px;
	}
	#main .unit input#teach_year_e {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 20px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 5px;
		border-radius: 6px;
	}
	#main .unit input#phase_a {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 20px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 10px;
		border-radius: 6px;
		margin-left: 10px;
	}
	#main .unit input#phase_b {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 20px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 10px;
		border-radius: 6px;
		margin-left: 30px;
	}
	#main .unit input#phase_c {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 20px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 10px;
		border-radius: 6px;
		margin-left: 30px;
	}
	#main .unit school {
		width: 380px;
		height: 80px;
		margin: 0 auto;
	}
	#class {
		float: right;
	}
	#footer {
		width: 100%;
		height: 80px;
		top: 1130px;
		left: 0;
		position: absolute;
	}
	#footer p {
		line-height: 22px;
		font-family: "微软雅黑";
		font-size: 15px;
		font-weight: bold;
		color: #000;
		text-align: center;
	}
	#footer p a {
		font-family: "微软雅黑";
		font-size: 13px;
		font-weight: normal;
		color: #000;
	}
	#footer p a:hover {
		text-decoration: underline;
	}
}
/** iPhone **/
@media only screen and (min-width: 10px) and (max-width: 767px) {
	body {
		width: 100%;
		height: 100%;
		max-height: 100px;
		background: url(../img/index_bg_xs0.png) right top no-repeat;
		background-color: #9DC9EE !important;
		margin: 0 auto;
		font: 12px/22px 'Microsoft Yahei', '\5b8b\4f53', 微软雅黑, '宋体', '微软雅黑' Arial,
			Lucida Grande, Tahoma, sans-serif;
		color: #000;
		color: #000;
		overflow-x: hidden;
		teat-align: center;
	}
	#container {
		width: 100%;
		height: 115px;
		/* background:url(../img/index_bg_xs1.png) center top no-repeat;
		background-size:100% 100px; */
		margin-bottom: 20px;
		font-family: "微软雅黑";
		font-size: 26px;
		color: #FFF;
	}
	#container h1, #container_index h1 {
		width: 950px;
		height: 54px;
		padding-left: 30px;
		line-height: 54px;
		font-family: "微软雅黑";
		font-size: 26px;
		font-weight: bold;
		color: #333;
		top: 230px;
		left: 60px;
		position: absolute;
	}
	#main {
		width: 95%;
		height: auto;
		min-height: 300px;
		background: rgba(45, 45, 45, .15);
		margin: 20px auto;
		padding: 240px 0px 0px 0px;
		text-align: center;
		line-height: 20px;
	}
	#main .unit {
		width: 65%;
		height: 55px;
		margin: 0 auto;
		padding-top: 10px;
	}
	#main .unit1 {
		width: 65%;
		height: 55px;
		margin: 0 auto;
		padding-top: 10px;
	}
	#main .unit label {
		width: 20%;
		text-align: left;
		font-family: "宋体";
		font-size: 16px;
		font-weight: 800;
		color: #333;
		line-height: 30px;
		float: left;
	}
	#main .unit input {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 300px;
		height: 40px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 10px;
		border-radius: 6px;
		float: left;
	}
	#main .unit1 label {
		width: 20%;
		text-align: left;
		font-family: "宋体";
		font-size: 16px;
		font-weight: 800;
		color: #333;
		float: left;
	}
	#main .unit1 input {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 280px;
		height: 30px;
		font-family: "微软雅黑";
		font-size: 16px;
		margin: 0px 0px 0px 28px;
		border-radius: 6px;
		float: left;
	}
	#main .unit input#school_type_town {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 65px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0px 10px;
		border-radius: 6px;
	}
	#main .unit input#school_type_country {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 30px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 10px;
		border-radius: 6px;
	}
	#main .unit input#gender_male {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 65px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 10px;
		border-radius: 6px;
	}
	#main .unit input#gender_female {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 30px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 10px;
		border-radius: 6px;
	}
	#main .unit input#teach_year_a {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 20px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 5px;
		border-radius: 6px;
	}
	#main .unit input#teach_year_b {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 20px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 5px;
		border-radius: 6px;
	}
	#main .unit input#teach_year_c {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 20px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 5px;
		border-radius: 6px;
	}
	#main .unit input#teach_year_d {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 20px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 5px;
		border-radius: 6px;
		margin-left: 93px;
	}
	#main .unit input#teach_year_e {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 20px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 5px;
		border-radius: 6px;
	}
	#main .unit input#phase_a {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 20px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 5px;
		border-radius: 6px;
	}
	#main .unit input#phase_b {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 20px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 5px;
		border-radius: 6px;
	}
	#main .unit input#phase_c {
		border: 1px solid #BDBDBD;
		width: 100%;
		max-width: 20px;
		height: 20px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 5px;
		border-radius: 6px;
	}
	#main .unit label.subject {
		width: 30%;
		text-align: left;
		font-family: "宋体";
		font-size: 16px;
		font-weight: 800;
		color: #333;
		float: left;
	}
	#main .unit select.school {
		width: 295px;
		margin-left: 2px;
	}
	#main .unit select#birth_year {
		float: left;
		margin-left: 30px;
	}
	#main .unit select#grade {
		float: left;
	}
	#main .unit select#subject {
		float: left;
		margin-left: 8px;
	}
	#main .unit select#class {
		
	}
	#footer {
		width: 100%;
		height: 80px;
		padding-top: 10px;
	}
	#footer p {
		line-height: 22px;
		font-family: "微软雅黑";
		font-size: 15px;
		font-weight: bold;
		color: #000;
		text-align: center;
	}
	#footer p a {
		font-family: "微软雅黑";
		font-size: 13px;
		font-weight: normal;
		color: #000;
	}
	#footer p a:hover {
		text-decoration: underline;
	}
	button {
		cursor: pointer;
		width: 100%;
		max-width: 300px;
		height: 44px;
		margin-top: 25px;
		padding: 0;
		background: #ef4300;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		border: 1px solid #ff730e;
		-moz-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px 7px
			0 rgba(0, 0, 0, .2);
		-webkit-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px
			7px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px 7px 0
			rgba(0, 0, 0, .2);
		font-family: "微软雅黑", 'PT Sans', Helvetica, Arial, sans-serif;
		font-size: 16px;
		font-weight: 700;
		color: #fff;
		text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
		-o-transition: all .2s;
		-moz-transition: all .2s;
		-webkit-transition: all .2s;
		-ms-transition: all .2s;
	}
	button:hover {
		-moz-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .15) inset, 0 2px 7px
			0 rgba(0, 0, 0, .2);
		-webkit-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .15) inset, 0 2px
			7px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .15) inset, 0 2px 7px 0
			rgba(0, 0, 0, .2);
	}
	button:active {
		-moz-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .15) inset, 0 2px 7px
			0 rgba(0, 0, 0, .2);
		-webkit-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .15) inset, 0 2px
			7px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .1) inset, 0 1px 4px 0
			rgba(0, 0, 0, .1);
		border: 0px solid #ef4300;
	}
}

.reg-button {
	width: 80%;
	height: 42px;
	margin: 20px auto;
	background: url(../img/reg.jpg) center center no-repeat;
}

/*注册按钮*/
.btn {
	display: inline-block;
	margin-bottom: 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus,
	.btn.active.focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.btn:hover, .btn:focus, .btn.focus {
	color: #333333;
	text-decoration: none;
}

.btn:active, .btn.active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-outlined {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.btn-danger {
	font-size: 18px;
	color: #ffffff;
	background-color: #9DC9EE;
	border-color: #9DC9EE;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active,
	.btn-danger.active, .open>.dropdown-toggle.btn-danger {
	color: #ffffff;
	background-color: #9DC9EE;
	border-color: #9DC9EE;
}

.btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger
	{
	background-image: none;
}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger,
	.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover,
	.btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus,
	.btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus,
	.btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active,
	.btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active
	{
	background-color: #9DC9EE;
	border-color: #9DC9EE;
}

.btn-default {
	font-size: 18px;
	color: #444;
	background-color: #f0f0f0;
	border-color: #dbdbdb;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active,
	.btn-danger.active, .open>.dropdown-toggle.btn-danger {
	color: #ffffff;
	background-color: #9DC9EE;
	border-color: #9DC9EE;
}

.btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger
	{
	background-image: none;
}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger,
	.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover,
	.btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus,
	.btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus,
	.btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active,
	.btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active
	{
	background-color: #9DC9EE;
	border-color: #9DC9EE;
}